react vite 기본 설치 및 설정

설치

vite hompage에 나온 명령어로 설치
설치하려는 환경에 따라서 맨 뒤를 바꿈(현재는 react + typescript)

npm create vite@latest APPNAME -- --template react-ts

기본환경(vite 6 기준)

tsconfig.json

기본 설정

tsconfig.app.json

브라우저 설정
baseurl, path mapping 설정
bundler 관련 emotion
"jsxImportSource": "@emotion/react",

tsconfig.node.json

node 환경 설정

vite.config.ts

vite-tsconfig-paths를 통해서 tsconfig.json에 있는 절대경로 -> 상대경로로 변환